HTMLify

index.html
Views: 133 | Author: cody
<!-- Build Parallax Website With HTML CSS & Javascript by Simo Edwin - Dev Ed (2021)
see: https://www.youtube.com/watch?v=Nt70Ld0dJCM -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>Parallax Website</title>
  </head>
  <body>
    <section>
      <nav>
        <h4>yayavar</h4>
        <a class="button">Sign Up</a>
      </nav>
      <div class="container">
        <h2 class="main-title">Explore.</h2>
        <img src="https://i.ibb.co/rsp6RFJ/bg1.png" class="background" alt="" />
        <img src="https://i.ibb.co/237VsHs/girl1.png" class="girl" alt="" />
        <img src="https://i.ibb.co/BKtjhV2/rock1.png" class="rock" alt="" />
      </div>
      <div class="content">
        <div class="content-images">
          <div>
            <img src="https://i.ibb.co/w4N157P/haridwar.jpg" alt="" />
            <h4>Haridwar</h4>
            <h3>India</h3>
          </div>
          <div>
            <img src="https://i.ibb.co/v4yCXYS/rishikesh.jpg" alt="" />
            <h4>Rishikesh</h4>
            <h3>India</h3>
          </div>
        </div>
        <p class="text">
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facere neque
          consequuntur a nisi, illo quia cupiditate fuga et eos minima
          voluptatum cum dolorum quas repellat eaque beatae vitae veritatis
          quae.
        </p>
        <p class="text">
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facere neque
          consequuntur a nisi, illo quia cupiditate fuga et eos minima
          voluptatum cum dolorum quas repellat eaque beatae vitae veritatis
          quae.
        </p>
      </div>
    </section>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"
      integrity="sha512-cdV6j5t5o24hkSciVrb8Ki6FveC2SgwGfLE31+ZQRHAeSRxYhAQskLkq3dLm8ZcWe1N3vBOEYmmbhzf7NTtFFQ=="
      crossorigin="anonymous"
    ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/ScrollMagic.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/plugins/animation.gsap.js"></script>
    <script src="script.js"></script>
  </body>
</html>

Comments